window.onload= function () {
    render_chart_1();
    render_chart_2();
};

function render_chart_1() {
    var dataset =[
        {
            "name": "成都",
            "value1": 31.64,
            "value2": 41.5,
            "value3": 36.67,
            "value4": 40.3
        },
        {
            "name": "德阳",
            "value1": 2.9,
            "value2": 3.8,
            "value3": 3.45,
            "value4": 3.8
        },
        {
            "name": "绵阳",
            "value1": 4.74,
            "value2": 6.2,
            "value3": 5.62,
            "value4": 6.2
        },
        {
            "name": "遂宁",
            "value1": 1.81,
            "value2": 2.4,
            "value3": 2.12,
            "value4": 2.3
        },
        {
            "name": "乐山",
            "value1": 2.35,
            "value2": 3.1,
            "value3": 2.91,
            "value4": 3.2
        },
        {
            "name": "眉山",
            "value1": 1.92,
            "value2": 2.5,
            "value3": 2.19,
            "value4": 2.4
        },
        {
            "name": "雅安",
            "value1": 1.22,
            "value2": 1.6,
            "value3": 1.48,
            "value4": 1.6
        },
        {
            "name": "资阳",
            "value1": 1.22,
            "value2": 1.6,
            "value3": 1.55,
            "value4": 1.7
        },
        {
            "name": "自贡",
            "value1": 1.71,
            "value2": 2.2,
            "value3": 2.23,
            "value4": 2.5
        },
        {
            "name": "泸州",
            "value1": 3.06,
            "value2": 4,
            "value3": 3.76,
            "value4": 4.1
        },
        {
            "name": "内江",
            "value1": 1.81,
            "value2": 2.4,
            "value3": 2.27,
            "value4": 2.5
        },
        {
            "name": "宜宾",
            "value1": 3.09,
            "value2": 4.1,
            "value3": 3.74,
            "value4": 4.1
        },
        {
            "name": "广元",
            "value1": 2.03,
            "value2": 2.7,
            "value3": 2.57,
            "value4": 2.8
        },
        {
            "name": "南充",
            "value1": 3.9,
            "value2": 5.1,
            "value3": 4.8,
            "value4": 5.3
        },
        {
            "name": "广安",
            "value1": 1.64,
            "value2": 2.2,
            "value3": 1.92,
            "value4": 2.1
        },
        {
            "name": "达州",
            "value1": 3.45,
            "value2": 4.5,
            "value3": 4.1,
            "value4": 4.5
        },
        {
            "name": "巴中",
            "value1": 2.07,
            "value2": 2.7,
            "value3": 2.6,
            "value4": 2.9
        },
        {
            "name": "攀枝花",
            "value1": 1.24,
            "value2": 1.6,
            "value3": 1.54,
            "value4": 1.7
        },
        {
            "name": "凉山",
            "value1": 2.17,
            "value2": 2.8,
            "value3": 2.71,
            "value4": 3
        },
        {
            "name": "阿坝",
            "value1": 0.98,
            "value2": 1.3,
            "value3": 1.31,
            "value4": 1.4
        },
        {
            "name": "甘孜",
            "value1": 1.25,
            "value2": 1.6,
            "value3": 1.44,
            "value4": 1.6
        }
    ];
    var option = {
        dataset: {
            // 提供一份数据。
            source: dataset
        },
        tooltip: {
            trigger: 'item',
            formatter: function(params) {
                var data = params.data;
                var val = data.name + '</br>';
                val += '法人单位数量(万个): ' + data.value1 + '</br>' +
                    '法人单位比重(%): ' + data.value2 + '</br>' +
                    '产业活动单位数量(万个): ' + data.value3 + '</br>' +
                    '产业活动单位比重(%): ' + data.value4

                return val;
            }
        },
        geo: {
            show: true,
            type:'map',
            map: 'sichuan',
            aspectScale:1.15,
            label: {
                normal: {
                    show: true
                },
                emphasis: {
                    show: true,
                }
            },
            roam: true,
            nameMap: {
                '成都市': '成都',
                '达州市': '达州',
                '德阳市': '德阳',
                '绵阳市': '绵阳',
                '遂宁市': '遂宁',
                '乐山市': '乐山',
                '眉山市': '眉山',
                '雅安市': '雅安',
                '资阳市': '资阳',
                '自贡市': '自贡',
                '泸州市': '泸州',
                '内江市': '内江',
                '宜宾市': '宜宾',
                '广元市': '广元',
                '南充市': '南充',
                '广安市': '广安',
                '巴中市': '巴中',
                '凉山彝族自治州': '凉山',
                '阿坝藏族羌族自治州': '阿坝',
                '甘孜藏族自治州': '甘孜',
                '攀枝花市':'攀枝花'
            }
        },
        visualMap:{
          show:false,
            max:100
        },
        series: [
            {
                name: '法人单位数量',
                mapType: 'sichuan', // 自定义扩展图表类型
                type: 'map',
                geoIndex: 0,
                zoom:1,
                label: {
                    normal: {
                        show: true
                    },
                    emphasis: {
                        show: true
                    }
                },
                itemStyle: {
                    normal: {
                        color: '#fff'
                    }
                },
                // 自定义名称映射
                nameMap: {
                    '成都市': '成都',
                    '达州市': '达州',
                    '德阳市': '德阳',
                    '绵阳市': '绵阳',
                    '遂宁市': '遂宁',
                    '乐山市': '乐山',
                    '眉山市': '眉山',
                    '雅安市': '雅安',
                    '资阳市': '资阳',
                    '自贡市': '自贡',
                    '泸州市': '泸州',
                    '内江市': '内江',
                    '宜宾市': '宜宾',
                    '广元市': '广元',
                    '南充市': '南充',
                    '广安市': '广安',
                    '巴中市': '巴中',
                    '凉山彝族自治州': '凉山',
                    '阿坝藏族羌族自治州': '阿坝',
                    '甘孜藏族自治州': '甘孜',
                    '攀枝花市':'攀枝花'
                }
            }
        ]
    }
    $.get('../../assets/map/sichuan.json', function(geoJson) {
        echarts.registerMap('sichuan', geoJson);
        var myChart = echarts.init(document.getElementById('chart_1'));

        myChart.setOption(option);
    })
}

function render_chart_2() {
    var dataset =[
        {
            "name": "成都",
            "value1": 613.64,
            "value2": 241.13
        },
        {
            "name": "德阳",
            "value1": 71.49,
            "value2": 25.32
        },
        {
            "name": "绵阳",
            "value1": 105.61,
            "value2": 38.01
        },
        {
            "name": "遂宁",
            "value1": 42.94,
            "value2": 15.8
        },
        {
            "name": "乐山",
            "value1": 55.38,
            "value2": 20.26
        },
        {
            "name": "眉山",
            "value1": 50.32,
            "value2": 18.69
        },
        {
            "name": "雅安",
            "value1": 22.19,
            "value2": 8.36
        },
        {
            "name": "资阳",
            "value1": 30.68,
            "value2": 12.21
        },
        {
            "name": "自贡",
            "value1": 46.5,
            "value2": 16.43
        },
        {
            "name": "泸州",
            "value1": 94.17,
            "value2": 30.91
        },
        {
            "name": "内江",
            "value1": 43.5,
            "value2": 15.8
        },
        {
            "name": "宜宾",
            "value1": 80.42,
            "value2": 27.39
        },
        {
            "name": "广元",
            "value1": 40.36,
            "value2": 13.87
        },
        {
            "name": "南充",
            "value1": 89.07,
            "value2": 30.34
        },
        {
            "name": "广安",
            "value1": 45.33,
            "value2": 15.72
        },
        {
            "name": "达州",
            "value1": 76.61,
            "value2": 25.8
        },
        {
            "name": "巴中",
            "value1": 44.68,
            "value2": 14.65
        },
        {
            "name": "攀枝花",
            "value1": 30.93,
            "value2": 9.86
        },
        {
            "name": "凉山",
            "value1": 41.92,
            "value2": 15.39
        },
        {
            "name": "阿坝",
            "value1": 14.28,
            "value2": 5.48
        },
        {
            "name": "甘孜",
            "value1": 14.66,
            "value2": 5.13
        }
    ];
    var option = {
        dataset: {
            // 提供一份数据。
            source: dataset
        },
        tooltip: {
            trigger: 'item',
            formatter: function(params) {
                var data = params.data;
                var val = data.name + '</br>';
                val += '法人单位从业人员（万人）: ' + data.value1 + '</br>' +
                    '其中:女性(万人): ' + data.value2 + '</br>'

                return val;
            }
        },
        visualMap:{
            show:false,
            max:600
        },
        geo: {
            show: true,
            type:'map',
            map: 'sichuan',
            aspectScale:1.15,
            label: {
                normal: {
                    show: true
                },
                emphasis: {
                    show: true,
                }
            },
            roam: true,
            nameMap: {
                '成都市': '成都',
                '达州市': '达州',
                '德阳市': '德阳',
                '绵阳市': '绵阳',
                '遂宁市': '遂宁',
                '乐山市': '乐山',
                '眉山市': '眉山',
                '雅安市': '雅安',
                '资阳市': '资阳',
                '自贡市': '自贡',
                '泸州市': '泸州',
                '内江市': '内江',
                '宜宾市': '宜宾',
                '广元市': '广元',
                '南充市': '南充',
                '广安市': '广安',
                '巴中市': '巴中',
                '凉山彝族自治州': '凉山',
                '阿坝藏族羌族自治州': '阿坝',
                '甘孜藏族自治州': '甘孜',
                '攀枝花市':'攀枝花'
            }
        },
        series: [
            {
                name: '法人单位数量',
                mapType: 'sichuan', // 自定义扩展图表类型
                type: 'map',
                geoIndex: 0,
                zoom:1,
                label: {
                    normal: {
                        show: true
                    },
                    emphasis: {
                        show: true
                    }
                },
                itemStyle: {
                    normal: {
                        color: '#fff'
                    }
                },
                // 自定义名称映射
                nameMap: {
                    '成都市': '成都',
                    '达州市': '达州',
                    '德阳市': '德阳',
                    '绵阳市': '绵阳',
                    '遂宁市': '遂宁',
                    '乐山市': '乐山',
                    '眉山市': '眉山',
                    '雅安市': '雅安',
                    '资阳市': '资阳',
                    '自贡市': '自贡',
                    '泸州市': '泸州',
                    '内江市': '内江',
                    '宜宾市': '宜宾',
                    '广元市': '广元',
                    '南充市': '南充',
                    '广安市': '广安',
                    '巴中市': '巴中',
                    '凉山彝族自治州': '凉山',
                    '阿坝藏族羌族自治州': '阿坝',
                    '甘孜藏族自治州': '甘孜',
                    '攀枝花市':'攀枝花'
                }
            }
        ]
    }
    $.get('../../assets/map/sichuan.json', function(geoJson) {
        echarts.registerMap('sichuan', geoJson);
        var myChart = echarts.init(document.getElementById('chart_2'));

        myChart.setOption(option);
    })
}